<template>
    <div class="container">
        <!-- 导航栏区域开始 -->
        <TridentNavBar>
            <template #left><i class="iconfont icon-zuojiantou"></i></template>
            <template #default>更多信息</template>
        </TridentNavBar>
        <!-- 导航栏区域结束 -->

        <div class="common-wrap">
            <TridentCellItem :item="{title: '共同群聊', value: '6个'}" position="right"/>
        </div>

        <div class="info-wrap">
            <TridentCellItem :item="{title: '个性签名', value: userStore.profile.user.selfdom_sign}" :is_arrows="false"/>
            <TridentCellItem :item="{title: '来源', value: '通过搜索手机号'}" :is_arrows="false" position="right"/>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { useUserStore } from '@/store/modules/user'

// 用户存储
const userStore = useUserStore()
</script>

<style scoped lang="scss">
page,
.container {
    height: 100vh;
    .common-wrap {
        padding-top: 45px;
    }
}
</style>